<div class="col-sm-6 col-md-3" v-for="screen in screens">
	<div class="thumbnail">
		<div v-if="screen.connect == false">
			<span class="glyphicon glyphicon-search body-icon" style="font-size: 30px"></span>
			<div class="caption">
				<p>屏幕 {{ screen.sid.substring(0, 8) }}</p>
				<p>离线</p>
			</div>
		</div>
		<div v-else-if="screen.status == 'waiting'">
			<span class="glyphicon glyphicon-pause body-icon" style="font-size: 30px"></span>
			<div class="caption">
				<p>屏幕 {{ screen.sid.substring(0, 8) }}</p>
				<p>等待中</p>
			</div>
		</div>
		<div v-else-if="screen.status == 'ready'">
			<span class="glyphicon glyphicon-refresh body-icon" style="font-size: 30px"></span>
			<div class="caption">
				<p>屏幕 {{ screen.sid.substring(0, 8) }}</p>
				<p>准备播放工程 <b>{{screen.pname == null ? '' : screen.pname}}</b></p>
			</div>
		</div>
		<div v-else-if="screen.status == 'playing'">
			<span class="glyphicon glyphicon-play body-icon" style="font-size: 30px"></span>
			<div class="caption">
				<p>屏幕 {{ screen.sid.substring(0, 8) }}</p>
				<p>正在播放工程 <b>{{screen.pname}}</b></p>
			</div>
		</div>
		<div v-else>
			<div class="caption">
				<p>屏幕 {{ screen.sid.substring(0, 8) }}</p>
				<p>未知情况</p>
			</div>
		</div>
	</div>
	
</div>
